
#main {
    margin: 0 auto;
    width: 960px;
}

a {
    text-decoration: none;
    color: #666666;
}

a:hover {
    text-decoration: underline;
    color: #336699;
}

#main form {
    display: inline;
}

#header,
#content,
#footer{
    clear: both;
}

#header{
}


#header li {
    float: left;
    padding: 0 4px 0 5px;
    height: 16px;
    line-height: 16px;
    border-right: 1px solid #666666;
}

#content {
    padding: 12px 0;
}

.frame {

}


.frame .right {
    float: right;
    width: 680px;
    text-align: left;
}

.frame .left {
    float: left;
    width: 260px;
    text-align: left;
}

.bloglist td{
    height: 32px;
    line-height: 32px;
}

.bloglist td.act_edit,
.bloglist td.act_disp ,
.bloglist td.act_del {
    width: 50px;
}

.bloglist td.title {
    padding: 0px 12px;
}

.bloglist td.title b {
    font-weight: bold;
    font-size: 14px;
}
.bloglist td.title span {
    font-size: 12px;
    float: right;
}

.bloglist tr.row1 {
    background-color: #CCFFCC;
}

.bloglist tr.row2 {
    background-color: #CCCCFF;
}

input, 
textarea,
select,
button{
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

a
button {
    cursor: pointer;
}

.blogcompose tr {
    vertical-align: top;
}

.blogcompose td.fname {
    width: 30px;
}

.blogcompose td.btn {
    text-align: center;
    padding: 30px 0 20px;
}

.blogcompose td.btn button.submit {
    width: 200px;
    height: 40px;
    line-height: 40px;
}

.blogcompose .blog_title,
.blogcompose .blog_tags {
    width: 600px;
}

.blogcompose .blog_content {
    width: 600px;
    height: 300px;
    line-height: 150%;
}

.paging {
    clear: both;
    padding: 12px;
}
.paging span {
    color: #CCCCCC;
}
